<!--
 * @FilePath     : /study_code/layui/6-3-7.html
 * @Description  : layer.load([type])
 * @Date         : 2025-04-08 16:46:28
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-08 17:31:43
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="/layui/dist/css/layui.css" />
  </head>
  <body>
    <script src="/layui/dist/layui.js"></script>
    <script>
      /**
       * @brief: 新建加载层；
       * ! 注意1：load 默认是不会自动关闭的，因为你一般会在 ajax 回调体中关闭它。
       * ! 注意2：弹出层未关闭时，底部内部不允许点击。
       * @param {Object} [type], 配置参数项；对应3种不同的加载层动画；
       * 值：
       * @return {*}
       */

      //  var index = layer.load([type]);

      // eg1
      // var index = layer.load();

      // eg2
      // var index = layer.load(1); //换了种风格

      // eg3
      // var index = layer.load(2, { time: 10 * 1000 }) // 又换了种风格，并且设定最长等待10秒

      function op() {
        console.log('a')
        layer.load(2)
      }
      // 关闭：定时器模拟 关闭
      /* setTimeout(function () {
        layer.close(index)
      }, 2000) */
    </script>
  </body>
</html>
